<script lang="ts" setup>
import { stepNoDescEnum,SCAN_TYPE, stepNoDesc } from '@/enum/statusResultsEnum'
  const props = defineProps<{
    step: string
    name: string,
    type: SCAN_TYPE
  }>()
</script>

<template>
  <view class="detection-text">
    <text class="text">{{ name }}</text>
    <text class="progress">
      {{stepNoDesc[type]}}进度
      <text class="step">{{ step }}</text
      >/{{stepNoDescEnum[type]}}
    </text>
  </view>
</template>

<style lang="less" scoped>
  .detection-text {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 150rpx 32rpx 0;
    font-size: 44rpx;
    font-weight: 600;
    color: #002329;

    .text {
      position: relative;
      z-index: 1;

      &::after {
        position: absolute;
        bottom: 2rpx;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 12rpx;
        content: ' ';
        background: #faad14;
      }
    }

    .progress {
      font-size: 32rpx;
      font-weight: 400;
      color: #4e5969;

      .step {
        margin-right: 8rpx;
        margin-left: 32rpx;
        font-size: 56rpx;
        font-weight: 600;
        color: #08979c;
      }
    }
  }
</style>
